import React, {Component} from 'react'
import HeaderComponent from './header/header'
import NavComponent from './nav/nav'
import './home.scss'

class HomeComponent extends Component{
    constructor(props){
            super(props);
            this.state =  {
              giveChild: {
                  childProps:this.props,
              }
            }
    }
    render(){
        // console.log(this)
        return (
        <div className="dk-container">
            <HeaderComponent/>
            <div className="dk-body">
                <NavComponent  options={this.state.giveChild}/>
                <div className="dk-content">
                    <div className="dk-viewer">{this.props.children}</div>
                </div>
            </div>
        </div>
        )
    }
}

export  default   HomeComponent


